/* Informacion sobre la parte mas general de la pagina */
html, body {
	width: 100%;
	margin: 0px , 0px, 0px , 0px; 
	padding: 0px;
	font-family: Calibri ,Arial , Tahoma , Verdana;
	background-color:#FFFFFF;
}
div
{
	border : none;
}
/* Zona de cabecera */
#header {
	position: absolute;
	width: 100%;
	left: 0px;
	height: 96px;
}
.TamanhoFormulario
{
	height : 1024px;
	width : 768px;
}
/* Los grandes DIV de la pagina ver el esquema de pagina */

.SpanCabeceraYMenu
{
	width : 80%;
	height : 100%;
	min-width: 140px;
    min-height : 50px;
	position :absolute;
	right: 0px;
	top: 10px;
	margin: 0px , 0px, 0px , 0px; 
}
.DivPanelSesion
{
	background-color: #FFFF99;
	height : 20px;
	width : 70px;
	min-height : 10px;
	min-width : 30px;
	max-height : 40px;
	max-width : 70px;
	margin: 0px , 0px, 0px , 0px; 
}
.DivMenuTabs
{
	height : 30px;
	width : 100%;
	min-height : 30px;
	min-width : 380px;
	max-height : 60px;
	max-width : 760px;	
	margin: 0px , 0px, 0px , 00px;      
}

.DivCuerpo
{
	height : 10px;
	width : 100%;
	min-height : 10px;
	min-width : 384px;
	max-height : 1024px;
	margin: 0px , 0px, 0px , 0px; 
}
.DivPieYEstado
{
	height : 61px;
	width : 100%;
	min-height : 61px;
	min-width : 384px;
	max-height : 1024px;
	margin: 0px , 0px, 0px , 0px; 
}


/* Informacion de textos de la pagina */

.TextoBotonMenu
{
	font-style : normal;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: large;
	line-height: normal;
	color: #000080;
}
.FormularioEstilo
{
	height : 768px;
	width : 768px;
	color: #003366;
	background-color: #CCFFFF;
	text-decoration : underline;
}
.PanelSession
{
	background-color: #99CCFF;
	height : 30px;
	width : 70px;
	min-height : 20px;
	min-width : 50px;
	max-height : 30px;
	max-width : 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: oblique;
	font-weight: bold;
}
.ColumnaContenidos
{
	width : 79%;
	min-width : 150px;
	max-height : 2000px;
	height : 100%;
	min-height : 125px;
	max-height : 2000px;
	margin: 0px , 0px, 0px , 0px; 
}
.SubColumnaFotoAlumno
{
	width : 100px;
	min-width : 100px;
	max-width : 150px;
	height : 150px;
	min-height : 125px;
	max-height : 200px;
}
.SubColumnaContenidosIzq
{
	width : 25%;
	min-width : 50px;
	max-width : 2000;
	height : 100%;
	min-height : 125px;
	max-height : 600px;
	margin: 0px , 0px, 0px , 0px; 
}
.SubColumnaContenidosDer
{
	width : 75%;
	min-width : 50px;
	max-width : 400;
	height : 100%;
	min-height : 50px;
	max-height : 600px;
	margin: 0px , 0px, 0px , 0px; 
}
.SubColumnaContenidosDerLabel
{
	width : 15%;
	min-width : 200px;
	max-width : 300px;
	height : 25px;
	min-height : 35px;
	max-height : 35px;
	margin: 0px , 0px, 0px , 0px; 
}
.SubColumnaContenidosDerCampo
{
	width : 80%;
	min-width : 200px;
	max-width : 6000px;
	height : 25px;
	min-height : 35px;
	max-height : 350px;
	margin: 0px , 0px, 0px , 0px; 
}
.SubColumnaContenidosDerMultiline
{
	width : 80%;
	min-width : 200px;
	max-width : 6000px;
	height : 25px;
	min-height : 35px;
	max-height : 350px;
	margin: 0px , 0px, 0px , 0px; 
}
.SubColumnaContenidosDerCheck
{
	width : 5%;
	min-width : 50px;
	max-width : 100px;
	height : 25px;
	min-height : 25px;
	max-height : 35px;
	margin: 0px , 0px, 0px , 0px; 
}
.TripticoIzq
{
	width : 20%;
	min-width : 135px;
	max-width : 145px;
	margin: 0px , 0px, 0px , 0px; 
}
.TripticoDer
{ 
	width : 100%;
	min-width : 450px;
	margin: 0px , 0px, 0px , 0px; 
}
.ColumnaHerramientas
{
	width : 2%;
	height : 100%;
	min-height : 600px;
	margin: 0px , 0px, 0px , 0px; 
}
.ContenedorTablaTabs
{
	width : 760px;
	height : 30px;
	text-align: center ;
	border: 2px outset #000066 ;
	background-color: #99FFCC;
	margin-top : 1px;
	margin-bottom : 1px;
	margin-left : 1px;
	margin-right : 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: capitalize;
}
.ContenedorTablaSesion
{
	height : 30px;
	width : 50px;
	min-height : 30px;
	min-width : 80px;
	max-height : 768px;
	max-width : 768px;
	margin-top : 2px;
	margin-bottom : 2px;
	background-color: #99FF99;
}
.ContenedorTablaBotones
{
	height : 20px;
	width : 100px;
	text-align : center;     
}

  

/* Todo lo relativo a botones*/

.EstiloBotonTab
{
	border-style: double double double double ;
	border-width: thin;
	border-color: inherit;
	height : 25px;
	width : 75px;
	text-align : center;
	background-color: #CCFFFF;
	font-family : Arial;
	font-style : normal;
	font-size: 15px;
	outline-color : #000000;
}
.EstiloSesion
{
	height : 20px;
	width : 70px;
	border : 3px ;
	text-align : center;
	background-color : #445577;
	font-family : Arial;
	border-bottom-style : inset;
}

/* Informacion relativa a tablas */

.TablaActiva
{
	padding: 4px;
	margin: auto;
	width :100%;
	border: solid 3px Black;
	font-family: Calibri;
	font-size: medium;
	font-weight: bold;
}
.TablaInactiva
{
	width :100%;
	border: dotted 3px Black;
	azimuth:center;
}
.TablaDefault
{
	width :100%;
	border:dotted 0px White;
	azimuth:center;
}
.TablaError
{
	width :100%;
	border:dotted 3px Silver;
	azimuth:center;
}
/* Informacion de paneles */
/*Mis estilos*/
.PanelActivo
{
	color:White;
	background-color:#3399FF;
	border: solid 1px #C5BBAF ; /*style , width , color */
	font-family: Arial ;				/*style , variant ,weight , size , height, family*/
	font-size: 8px	;	
	font-weight:bold;
	background: #000000;
	outline: Black inset 2px;			                                                       
}

.PanelInactivo 
{
	color:White;
	background-color:#3399FF;
	border: solid 1px #C5BBAF ; /*style , width , color */
	font-family: Arial ;				/*style , variant ,weight , size , height, family*/
	font-size: 8px	;	
	font-weight:bold;
	background: #000000;
	outline: White inset 2px;
}
.PanelDefault
{
	color:White;
	background-color:#3399FF;
	border: solid 1px #C5BBAF ; /*style , width , color */
	font-family: Arial ;				/*style , variant ,weight , size , height, family*/
	font-size: 8px	;	
	font-weight:bold;
	background: #000000;			
	outline: White inset 2px;
}
.PanelError 
{
	color:White;
	background-color:#3399FF;
	border: solid 1px #C5BBAF ; /*style , width , color */
	font-family: Arial ;				/*style , variant ,weight , size , height, family*/
	font-size: 8px	;	
	font-weight:bold;
	background: #000000;			
	outline-color:Yellow;
	outline-style:inset;	
}

/* Definiciones sobre etiquetas LABEL */

.LabelActiva
{
	background: no-repeat;
	text-align: center;
	font-family: Calibri;
	font-size: normal;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	width: 100%;
	max-width: 500px;
	min-width: 200px;
	height: 25px;
	max-height:25px;
	min-height:25px;	
	font-variant: normal;
	line-height: normal;
	}
.LabelInactiva
{
	background: White ;
	text-align: center;
	font-family: Verdana;
	outline-color:White;
	width: 100px;
	max-width: 100px;
	min-width: 100px;
	height: 25px;
	max-height:25px;
	min-height:25px;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	text-transform:capitalize;
}
.LabelDefault
{
	background: White ;
	text-align: center;
	font-family: Verdana;
	outline-color:White;
	width: 100px;
	max-width: 100px;
	min-width: 100px;
	height: 25px;
	max-height:25px;
	min-height:25px;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	text-transform:capitalize;
}
.LabelError
{
	background: #FF9966 ;
	text-align: center;
	font-family: Arial;
	outline-color: Red;
	width: 100px;
	max-width: 100px;
	min-width: 100px;
	height: 25px;
	max-height:25px;
	min-height:25px;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	background-image: inherit;
}
/*BOTONES*/

.BotonActivo
{
	padding: inherit;
	margin: auto;
	background-color: #99CCFF ;
	border: thin Groove #000000 ;
	font-size: 15px ;
	font-weight: normal;
	color: Black;
	width: auto;
	height: auto;
	text-transform: capitalize;
	font-family: Arial;
	font-style: normal;
	line-height: inherit;
}
.BotonCentrado
{
	padding: inherit;
	margin: auto;
	Left : 30% ;  
	Right : 30% ;
	background-color: #99CCFF ;
	border: thin Groove #000000 ;
	font-size: 15px ;
	font-weight: normal;
	color: Black;
	width: auto;
	height: auto;
	text-transform: capitalize;
	font-family: Arial;
	font-style: normal;
	line-height: inherit;
}
.BotonInactivo
{
	background-color: #CCFFFF ;
	border: 1px groove #0099FF ;
	font-size: 15px ;
	font-weight: lighter;
	color: Black;
	width: 50px;
	height: 30px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
}
.BotonPinchado
{
	background-color: #0066FF ;
	border: 1px Groove #FFFFFF ;
	font-size: 15px;
	font-weight: bold;
	color: White;
	width: 50px;
	height: 30px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
}
.BotonDesactivado
{
	background-color: Gray ;
	border: 1px Groove #FFFFFF ;
	font-size: 15px;
	font-weight: bold;
	color: White;
	width: 50px;
	height: 30px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
}
.BotonDefault
{
	background-color: #4466FF ;
	border: 1px Groove #FFFFFF ;
	font-size: 15px;
	font-weight: bold;
	color: White;
	width: 50px;
	height: 30px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
}
.BotonError
{
	background-color: #FF596A ;
	border: 1px Groove #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	color: White;
	width: 50px;
	height: 30px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
}
/*INPUTS*/
.InputCampo
{
	padding: inherit;
	margin: auto;
	background-color: #FFFFFF ;
	border: 1px Groove #000000 ;
	font-size: 15px ;
	width: 80%;
	max-width: 80%;
	min-width: 25px;
	height: 25px;
	max-height:25px;
	min-height:25px;
	font-weight: normal;
	color: Black;
	text-transform: capitalize;
	font-family: Arial, Calibri , Helvetica;
	font-style: normal;
	line-height: inherit;
}
.InputCampoInactiva
{
	background-color: #FFFFAA ;
	border: 1px Groove #000000 ;
	font-size: 25px;
	font-weight: normal;
	color: White;
	width: 100%;
	max-width: 80%;
	min-width: 25px;
	height: 25px;
	max-height:25px;
	min-height:25px;
	color: Black;
	text-transform: capitalize;
	font-family: Arial, Calibri , Helvetica;
	font-style: normal;
	font-variant: normal;
}
.InputCampoMulti
{
	padding: inherit;
	margin: auto;
	background-color: #FFFFFF ;
	border: 1px Groove #000000 ;
	font-size: 15px ;
	width: 100%;
	max-width: 80%;
	min-width: 25px;
	height: 100px;
	max-height: 500px;
	min-height: 100px;
	font-weight: normal;
	color: Black;
	text-transform: capitalize;
	font-family: Arial, Calibri , Helvetica;
	font-style: normal;
	line-height: inherit;
}
.InputCampoMultiInactiva
{
	background-color: #FFFFAA ;
	border: 1px Groove #000000 ;
	font-size: 25px;
	font-weight: normal;
	color: White;
	width: 100%;
	max-width: 80%;
	min-width: 25px;
	height: 100px;
	max-height: 500px;
	min-height: 100px;
	color: Black;
	text-transform: capitalize;
	font-family: Arial, Calibri , Helvetica;
	font-style: normal;
	font-variant: normal;
}
.InputCampoResaltada
{
	background-color: #FF596A ;
	border: 1px Groove #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	color: White;
	width: 50px;
	height: 30px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
}
.FotoAlumno
{
	width: 100px;
	max-width: 125px;
	min-width: 100px;
	height: 125px;
	max-height:135px;
	min-height:125px;
}
